<template>
  <div v-show="dialogValue" class="add-form f-c" style="overflow:auto;">
    <div class="header">
      <div class="title" style="margin: 0">
        专家详情
      </div>
      <el-button @click="onPageBack">返回</el-button>
    </div>
    <el-descriptions title="" :column="3">
      <el-descriptions-item label="姓名">{{ currentDetail.expertName }}</el-descriptions-item>
      <el-descriptions-item label="单位">{{ currentDetail.departName }}</el-descriptions-item>
      <el-descriptions-item label="行业">{{ currentDetail.industryName }}</el-descriptions-item>
    </el-descriptions>
    <el-descriptions title="" :column="1">
      <el-descriptions-item label="专业特长" :span="1">
        {{ currentDetail.industryExpertise }}
      </el-descriptions-item>
    </el-descriptions>
    <div class="header">
      <div class="title" style="margin-bottom: 0">
        参与评审的项目情况
      </div>
    </div>
    <div class="tabs-border">
      <CommentPage
        v-if="dialogValue"
        :user-id="currentDetail.id"
        style="padding: 0;border-radius: 0;height: 500px;background-color: transparent;box-shadow: none"
      />
    </div>
  </div>
</template>

<script>
import CommentPage from './commentPage'
export default {
  name: 'FormAdd',
  components: {
    CommentPage
  },
  data() {
    return {
      dialogValue: false,
      currentDetail: {}
    }
  },
  created() {

  },
  methods: {
    open(item) {
      this.currentDetail = item
      // http.project_center.read({ id: item.id }).then(res => {
      //   this.currentDetail = res.data
      // })
      this.dialogValue = true
    },
    onPageBack() {
      this.dialogValue = false
    }
  }
}
</script>

<style scoped lang="scss">
.title {
    margin-top: 30px;
}
</style>
